import { Routes, Route } from "react-router-dom";

import Index1 from '@/pages/Index/Index'
import Class1 from '@/pages/Class/Class'
import ClassOnline from '@/pages/ClassOnline/ClassOnline'
export default function RouterTag() {
    // return (
    //     <Routes>
    //         <Route path="/" element={<Index1 />} />
    //         <Route path="/Tags1" element={<Index1 />} />
    //         <Route path="/Tags2" element={<Index1 />} />
    //         <Route path="/Class1/:id" element={<Class1 />} />
    //         <Route path="/Class1/:id/Index" element={<Class1 />} />
    //     </Routes>
    // )
    const routes1 = [
        { path: '/', element: <Index1 /> },
        { path: '/Tags1', element: <Index1 /> },
        { path: '/Tags2', element: <Index1 /> },
        { path: '/Class1/:id', element: <Class1 /> },
        { path: '/Class1/:id/Index', element: <Class1 /> },
        { path: '/ClassOnline', element: <ClassOnline /> },
    ]
    return (
        <Routes>
            {
                routes1.map((item, index) => {
                    return <Route key={index} path={item.path} element={item.element} />
                })
            }
        </Routes>
    )
    // const routes = [{
    //     index: 1,
    //     path: '/Tags1',
    //     el: <h1>Tags1</h1>,
    //     children: []
    // }, {
    //     index: 2,
    //     path: '/Tags2',
    //     el: <h1>Tags2</h1>,
    //     children: []
    // }, {
    //     path: '/Class1/:id/*',
    //     el: <h1>Class</h1>,
    //     children: [{
    //         index: 21,
    //         path: "/Class1/:id/Index1",
    //         el: <Index1></Index1>,
    //         children: []
    //     }]
    // }]
    // return (
    //     <>
    //         <Routes>
    //             {
    //                 routes.map((item) => {
    //                     return (
    //                         <>
    //                             <Route key={item.index} path={item.path} element={item.el}   ></Route>
    //                             {item.children.length > 0 ?
    //                                 item.children.map((child) => {
    //                                     return (
    //                                         <Route key={child.index} path={child.path} element={child.el}></Route>
    //                                     )


    //                                 }) : null}
    //                         </>
    //                     )
    //                 })

    //             }
    //         </Routes>
    //     </>
    // )
}